<template>
	<div>
		<div class="nav">
			<router-link to="/layout/jingqu">
				<img src="../assets/smallIcon/return.png" alt="">
			</router-link>
			故宫
		</div>
		<div class="zhinan">
			<div class="left">
				<img src="../assets/landscape/picture_GG01.png" alt="">
			</div>
			<div class="right">
				<p class="score">
					<img src="../assets/smallIcon/The star.png" alt="">5分
				</p>
				<p class="btn">1876条点评</p>
				<p class="luxing">
					乘车路线：1路,5路,9路公交车
				</p>
				<p class="genre">
					景点类型：公园 历史建筑 历史遗迹
				</p>
				<p class="jijie">
					最佳季节：四季皆宜
				</p>
				<p class="play"> 
					建议游玩：3-4小时
				</p>
			</div>
		</div>
		<div class="tips">
			<span>小贴士</span>:如果行李太重，可选择存包。存包行李可在午门（南门）至神武门
			（北门）之间免费运送。也可选择接收安全检查后随身携带。
		</div>
		<div class="jieshao">
			<div class="biaozhi"></div>
			<div class="text">景点介绍</div>
		</div>
		<div class="full_text">
			故宫，全称为故宫博物院，位于北京市中心，旧称紫禁城，是明、清两代的皇宫。北京
			故宫是无与伦比的古代建筑杰作。北京故宫也是世界现存最大、最完整的木质结构的古
			建筑群。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营键，到
			永乐十八年（1420年）建成。它...
			<div class="left">
				<img src="../assets/landscape/picture_GG02.png" alt="">
			</div>
			<div class="right">
				<img src="../assets/landscape/picture_GG03.png" alt="">
			</div>
		</div>
		<div class="open_time">
			<div class="biaozhi"></div>
			<div class="text">开放时间</div>
		</div>
		<div class="season">
			<p>旺季：(4.1-10.31)08:20-17:00 (16:00停止售票)</p>
			<p>淡季：(11.1-3.31)08:30-16:30 (15:30停止售票 每周一闭馆)</p>
			<div>
				<img src="../assets/landscape/picture_JL01.png" alt="">
			</div>
		</div>
		<div class="more_data">
			查看更多攻略
		</div>
	</div>
</template>

<script>

export default{
	name:"gugong",
	data(){
		return{

		}
	}
}	

</script>
<style scoped lang="less">
.nav{
	width:100%;
	height:94 / 50rem;
	background-color: #7DD19C;
	box-sizing:border-box;
	font-size: 36 / 50rem;
	color:#000000;
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index: 666;

}
.nav img{
	width:22 / 50rem;
	height:40 / 50rem;
	margin-left: 20 / 50rem;
	margin-top: 30 / 50rem;
	margin-right: 300 / 50rem;
}


.zhinan{
	width:100%;
	height:264 / 50rem;
	background-color: #ffffff;
	margin-top: 94 / 50rem;
}
.zhinan .left{
	float: left;
	margin-top:20 / 50rem;
	margin-left: 20 / 50rem;
	margin-bottom: 14 / 50rem;
	margin-right: 20 / 50rem;
}
.zhinan .left img{
	width:470 / 50rem;
	height:230 / 50rem;
}
.zhinan .right{
	float: left;
	margin-top:20 / 50rem;
	width:225 / 50rem;
	line-height: 30 / 50rem;
}
.zhinan .right .score img{
	width:86 / 50rem;
	height:14 / 50rem;
	margin-left: 0; 
	margin-right: 5 / 50rem;
	//vertical-align:middle;
	position: relative;
	top: -2 / 50rem;
	
}
.zhinan .right .score{
	font-size: 12 / 50rem;
	//vertical-align:middle;
}
.zhinan .right .btn{
	text-align: center;
	width:140 / 50rem;
	background-color: #5dade2;
	border-radius: 10 / 50rem;
	color:#ffffff;
	font-size: 12 / 50rem;
	padding-top: 2 / 50rem;
	padding-bottom: 2 / 50rem;
}
.zhinan .right .luxing{
	font-size: 12 / 50rem;
}
.zhinan .right .genre{
	font-size: 12 / 50rem;
}
.zhinan .right .jijie{
	font-size: 12 / 50rem;
}
.zhinan .right .play{
	font-size: 12 / 50rem;
}
.tips{
	background-color: #ffffff;
	font-size: 26 / 50rem;
	line-height: 30 / 50rem;
	margin-top: 20 / 50rem;
	padding: 14 / 50rem 20 / 50rem;
}
.tips span{
	font-size: 26 / 50rem;
	color:#7dd19c;
}

.jieshao{
	background-color: #ffffff;
	margin-top: 20 / 50rem;
	padding-left: 20 / 50rem;
	overflow: hidden;
}
.jieshao .biaozhi{
	width:13 / 50rem;
	height:30 / 50rem;
	background-color: #7DD19D;
	float: left;
	margin-top:10 / 50rem;
	margin-bottom:10 / 50rem;
	margin-right: 8 / 50rem;
}
.jieshao .text{
	float: left;
	margin-top:12 / 50rem;
	font-size: 26 / 50rem;
}
.full_text{
	background-color: #ffffff;
	margin-top: 1px;
	padding-top: 20 / 50rem;
	padding-left: 20 / 50rem;
	font-size: 26 / 50rem;
	line-height: 38 / 50rem;
	overflow: hidden;
}
.full_text .left{
	float: left;
	margin-top:14 / 50rem;
	margin-right: 22 / 50rem;
}
.full_text .left img{
	width:344 / 50rem;
	height:230 / 50rem;
}
.full_text .right{
	float: left;
	margin-top:14 / 50rem;
	margin-right: 20 / 50rem;
}
.full_text .right img{
	width:344 / 50rem;
	height:230 / 50rem;
}   
.open_time{
	background-color: #ffffff;
	margin-top: 20 / 50rem;
	padding-left: 20 / 50rem;
	overflow: hidden;
}
.open_time .biaozhi{
	width:13 / 50rem;
	height:30 / 50rem;
	background-color: #7DD19D;
	float: left;
	margin-top:10 / 50rem;
	margin-bottom:10 / 50rem;
	margin-right: 8 / 50rem;
}
.open_time .text{
	float: left;
	margin-top:12 / 50rem;
	font-size: 26 / 50rem;
}
.season{
	background-color: #ffffff;
	margin-top: 1px;
	padding-top: 22 / 50rem;
	line-height: 38 / 50rem;
}
.season p{
	margin-left: 20 / 50rem;
}
.season img{
	width:710 / 50rem;
	height:280 / 50rem;
	margin-left: 20 / 50rem;
	margin-top: 20 / 50rem;
}
.more_data{
	width:172 / 50rem;
	height:62 / 50rem;
	background-color: #5dade2;
	text-align: center;
	color:#ffffff;
	line-height: 62 / 50rem;
	border-radius: 30 / 50rem 0 0 30 / 50rem;
	font-size: 20 / 50rem;
	padding-top: 20 / 50rem;
	padding-bottom: 20 / 50rem;
	padding-left: 33 / 50rem;
	padding-right: 20 / 50rem;
	position: absolute;
	right:0;
	top:1176 / 50rem;
}


</style>